@tailwind base;

@tailwind components;

@tailwind utilities;

html, body {
    margin: 0;
}

/* 修改全局滚动条 */
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
}

/* 修改element-plus默认颜色 */


/* 修改element-plus中，如取消按钮的颜色 */
.el-button {
    color: #666;
    border-color: #dcdfe6;
    border-radius: 10px;
}

.el-button:hover {
    color: #666;
    border-color: #dcdfe6;
    background-color: #f5f7fa;
}

.el-button:active {
    color: #666;
    border-color: #dcdfe6;
    background-color: #f0f0f0;
}

.el-button--primary {
    /*background-color: rgb(24, 150, 146);*/
    /*border-color: rgb(24, 150, 146);*/
    /* 渐变 */
    background: linear-gradient(90deg, #333333 0%, #000000 100%);
    border-color: #666666;

    color: #fff;
}

.el-button--primary:hover {
    /*background-color: rgb(24, 150, 146);*/
    /*border-color: rgb(24, 150, 146);*/
    /* 科技黑 */
    background: linear-gradient(90deg, #333333 0%, #000000 100%);
    border-color: #666666;
    opacity: 0.8;
    color: #fff;
}

.el-button--primary:active {
    /*background-color: rgb(24, 150, 146);*/
    /*border-color: rgb(24, 150, 146);*/
    /* 科技黑 */
    background: linear-gradient(90deg, #333333 0%, #000000 100%);
    border-color: #666666;

    opacity: 0.5;
    color: #fff;
}

/* 修改element-plus中，如message-success的样式 */
.el-message--success {
    /* 科技黑 */
    background: linear-gradient(90deg, #333333 0%, #000000 100%);
    border-color: #666666;
    color: #fff;
}

.el-message--success .el-message__content {
    color: #fff;
}

.el-message--success .el-message__icon {
    color: #fff;
}

.el-message--error {
    /* 科技黑 */
    background: linear-gradient(90deg, #333333 0%, #000000 100%);
    border-color: #666666;
    color: #fff;
}

.el-message--error .el-message__content {
    color: #fff;
}

.el-message--error .el-message__icon {
    color: #fff;
}


:root {
    /*  科技黑  */
    --el-color-primary: #000000;
    --el-color-primary-light-3: #333333;
    --el-color-primary-light-5: #666666;
    --el-color-primary-light-7: #999999;
    --el-color-primary-light-8: #cccccc;
    --el-color-primary-light-9: #f0f0f0;
    --el-color-primary-dark-2: #000000;
    --el-color-primary-dark-3: #000000;
    --el-color-primary-dark-4: #000000;
    --el-color-primary-dark-5: #000000;


}


.ant-btn-primary {
    background: linear-gradient(90deg, #333333 0%, #000000 100%);
    border-color: #666666;
    color: #fff;
}

.ant-btn-dangerous {
    background: linear-gradient(90deg, #ff0000 0%, #ff0000 100%);
    border-color: #ff0000;
    color: #fff;
}

.anticon-delete {
    color: #FFFFFF;
}


.language-box {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    cursor: pointer;

}

.language-icon {
    width: 20px;
    height: 20px;
}

.language-box:hover {
    transform: scale(1.1);
}

.language-box:active {
    transform: scale(1);
}
